<template>
	<view id="MyOrder">
		<text>我的订单：沉浸区12号卓</text>
	</view>
	<view id="order">
		<view>订单剩余：1:10:00</view>
		<view >
			开始时间：2022-11-24 10:00 (周三)
		</view>
		<view >
			结束时间：2022-11-24 12:00 (周四)
		</view>
		<view id="xiadna">
			下单时间：2022-11-24 10:00 (周一)
		</view>
	</view>
	<view id="OrderPrompt">
		<text>TIPS:提前结束订单，剩余时长和金额不会返还哦！</text>
	</view>
	<view id="ConfirmEnd">
		<button @click="PUTData">确认结束</button>
	</view>
</template>

<script>
	import http from "../../utils/http.js"
	export default {
		data() {
			return {
				
			};
		},
		methods: {
				PUTData: function() {
					http({
						url: '/clock/confirmLeave',
						method: 'put',
						data: {
							endTime: "2022-11-12 13:00:00",
							orderId:1,
							startTime: "2022-11-12 16:00:00"
						}
					}).then((res) => {
						if (res.code== 0) {
							console.log(res)
						}
					})
				}
			}
		}
	
</script>

<style lang="less" scoped>
#MyOrder{
	font-weight: 800;
	margin:30rpx 10rpx;
}
	
#order{
	width:680rpx;
	margin:0 auto;
	background:#f7efe5;
	border-radius: 15rpx;
	box-shadow: 0 0 5px #aaa;
}
	
#order view{
	font-weight: 540;
	font-size: 36rpx;
}
	
#order view:nth-child(1){
	margin: 25rpx 10rpx;
	padding-top:25rpx;
	padding-bottom:20rpx;
	border-bottom: 1rpx solid  #000;
}
#order view:nth-child(2),#order view:nth-child(3),#order view:nth-child(4),#order view:nth-child(5){
	margin: 25rpx 10rpx;
	padding: 10rpx 0;
	overflow: hidden;
}
	
#order #xiadna{
	padding-bottom: 25rpx;
}   
#OrderPrompt{
	margin: 30rpx 0rpx;
	padding:20rpx 19rpx;
	
}
	
#ConfirmEnd button{
	background:#b8741a;
	width:680rpx;
	margin:0 auto;
	color:#ffffff;
	box-shadow: 0 0 5px #aaa;
}
</style>
